// out: ../css/

// 导入初始化样式
@import 'base.less';
@mainColor: #fb7299;
@vw: 3.75vw;


.header {
    border-bottom: 1px solid #a1a1a1;
    // background-color: aqua;
    padding: (8/@vw) (18/@vw) 0 (18/@vw);
    height: (84/@vw);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 1;

    .login {
        display: flex;
        justify-content: space-between;
        align-items: center;

        a {
            font-size: (28/@vw);
            color: @mainColor;
        }

        .menu {
            display: flex;
            align-items: center;

            p {
                margin-left: (25/@vw);

                img {
                    width: (24/@vw);
                    height: (24/@vw);
                }

                a {
                    color: #a1a1a1;
                }

                span {
                    border-radius: (5/@vw);
                    padding: (3/@vw) (8/@vw) (3/@vw) (8/@vw);
                    font-size: (14/@vw);
                    width: (72/@vw);
                    height: (24/@vw);
                    background-color: @mainColor;
                    color: white;
                }
            }


        }
    }

    .cate {
        height: (38/@vw);
        display: flex;
        justify-content: space-between;
        margin-top: (6/@vw);
        align-items: center;

        div {
            display: flex;

            p {
                line-height: (38/@vw);
                font-size: (14/@vw);
                margin-right: (30/@vw);
            }

            p:nth-child(1) {
                border-bottom: (2/@vw) solid @mainColor;
                color: @mainColor;
            }
        }

        a {
            font-size: (16/@vw);
            color: #a1a1a1;
        }
    }

}

.alldata {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: (10/@vw);
    padding: (84/@vw) 0 0 (8/@vw);

    .img {
        margin-bottom: (10/@vw);
        width: (179/@vw);

        ul {
            position: relative;

            a {
                position: absolute;
                left: (8/@vw);
                bottom: (8/@vw);
                color: white;
                font-size: (13/@vw);
            }

            p {
                position: absolute;
                right: (8/@vw);
                bottom: (8/@vw);
                color: white;
                font-size: (13/@vw);
            }

        }

        ul img {
            width: (172/@vw);
            height: (97/@vw);
        }

        p {
            margin-top: (5/@vw);
            max-height: (32/@vw);
            overflow: hidden;
            font-size: (12/@vw);
        }
    }
}

.open {
    width: (351/@vw);
    position: fixed;
    left: (10/@vw);
    bottom: (20/@vw);
    background-color: @mainColor;
    display: flex;
    align-items: center;
    height: (36/@vw);
    justify-content: center;
    border-radius: (18/@vw);
    a {
        font-size: (16/@vw);
        color: white;
        margin-right: (10/@vw);
    }

    p {
        color: white;
    }
}